jQuery(document).ready( () => {
var dbinstance = false;
    

    const addTableData = (selector, data) => {

        table = jQuery(selector);
        cols = table.data('cols').trim();
        cols = cols.replace( /\[|\]/g, '');
        cols = cols.split(',');
        cols = cols.map( itm => itm.split(':') );
        cols = cols.map( itm => itm.map( sub_itm => sub_itm.trim() ) );
        cols = Object.fromEntries(cols);

        table += '<thead><tr>';
        jQuery.each( cols, function (head_array_key, head_array_value) {
            table += '<th>' + head_array_value + '</th>';
        });
        table += '</tr></thead>';
        table += '<tbody></tr>';
        jQuery.each( data, function (key, row) {

            table += '<tr>';
            //TD loop
            jQuery.each( cols, function (item_key, item_value) {
                table += '<td>' + row[ item_key ] + '</td>';
            });
            table += '</tr>';
        });

        table += '</tbody>';

        jQuery( selector).html( table );
        (dbinstance) && dbinstance.destroy();
       dbinstance = jQuery(selector).DataTable({
           pagingType: 'simple',
        ordering: false,
        info: false,
        "pageLength": 50,
        searching: false,
         "dom": 'rtip',
         
       });

    }

    if ( jQuery('#air-vol-wt-form').length ) {
    
        let form =  jQuery('#air-vol-wt-form');
    
        form.submit( (e) => {
            e.preventDefault();
            jQuery.ajax({
                type: "POST",
                url: wm_vars.ajax_url,
                data: {
                    action: 'wm_air_vol_wt',
                    data: form.serialize()
                },
                success: function(res) {
                    jQuery( '#result-table' ).text(res);
                }
            });
            return false;
        });
    }

    if ( jQuery('#hsn-search-form').length ) {

        let form =  jQuery('#hsn-search-form');
        form.submit( (e) => {

            e.preventDefault();
            jQuery.ajax({
                type: 'POST',
                url: wm_vars.ajax_url,
                data: {
                    action: 'wm_hsn_search',
                    search: jQuery('#search-string').val(),
                },
                success: function(res) {
                    addTableData( '#result-table', res );
                }
            });
            return false;
        });
    }

    if ( jQuery('#gst-rate-form').length ) {

        let form =  jQuery('#gst-rate-form');
        form.submit( (e) => {

            e.preventDefault();
            // jQuery.ajax({
            //     type: 'POST',
            //     url: wm_vars.ajax_url,
            //     data: {
            //         action: 'wm_gst_rate',
            //         search: jQuery('#search-string').val(),
            //     },
            //     success: function(res) {
            //         addTableData( '#result-table', res );
            //     }
            // });
            return false;
        });
        
        
        let selectBox = jQuery('#search-string').select2({
          ajax: {
            url: wm_vars.ajax_url,
            type: "POST",
            dataType: 'json',
            data: function (params) {
                return {
    				search: params.term,
    				action: 'wm_gst_rate'
  			    };
            },
            processResults: function (data) {
                const results = data.map(item => {
                  return {
                    id: item.id,
                    text: item.hs_code + ' - ' + item.description,
                    data : [item]
                  };
                });
                return {
                  results: results,
                }
            },
            cache: true,
          }
        });

        selectBox.on("select2:select", function (e) {
            addTableData( '#result-table', e.params.data.data );
        });

    }


    if ( jQuery('#documents-form').length ) {

        let form =  jQuery('#documents-form');
        form.submit( (e) => {

            e.preventDefault();
            jQuery.ajax({
                type: 'POST',
                url: wm_vars.ajax_url,
                data: {
                    action: 'wm_documents',
                    search: jQuery('#search-string').val(),
                },
                success: function(res) {
                    addTableData( '#result-table', res );
                }
            });
            return false;
        });
    }

    if ( jQuery('#indian-ports-form').length ) {

        let form =  jQuery('#indian-ports-form');
        form.submit( (e) => {
            e.preventDefault();
            let filter = jQuery('[name="hsn_filter"]:checked').val() || '';
            jQuery.ajax({
                type: 'POST',
                url: wm_vars.ajax_url,
                data: {
                    action: 'wm_indian_ports',
                    search: jQuery('#search-string').val(),
                    filter: filter,
                },
                success: function(res) {
                    addTableData( '#result-table', res );
                }
            });
            return false;
        });
    }

    if ( jQuery('#international-ports-form').length ) {

        let form =  jQuery('#international-ports-form');
        form.submit( (e) => {

            e.preventDefault();
            let filter = jQuery('[name="hsn_filter"]:checked').val() || '';
            jQuery.ajax({
                type: 'POST',
                url: wm_vars.ajax_url,
                data: {
                    action: 'wm_international_ports',
                    search: jQuery('#search-string').val(),
                    filter: filter,
                },
                success: function(res) {
                    addTableData( '#result-table', res );
                }
            });
            return false;
        });
    }
})